﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="CtrlCabecera.ascx.cs"
    Inherits="CtrlCabecera" EnableTheming="true" %>
<%@ Import Namespace="GTipos" %>

<%
    // Si el controlador esta oculto no mostramos ni el espacio que ocupa para que no quede ni rastro
    if (this.getEstado() != EstadoCabecera.Oculto)
    {
%>
<div class="DivCabecera">
    <table class="TablaGeneral" style="border: solid  1px black;">
        <tr class="ConBorde">
            <td class="TDContieneLogo" rowspan="3">
                <asp:Image ID="Image1" CssClass="ImagenLogo" runat="server" ImageUrl="~/App_Themes/Imagenes/Meryland/LogoMeryland.bmp" />
            </td>
            <td class="TDSesion">
                <%
                    if (this.getEstado() != EstadoCabecera.NoSesion)
                    {
                %>
                <script language="javascript" type="text/javascript">
     
                    function validaNombre(control) 
                    {
                        if ( (control.value != "") && (control.value != "usuario" ))
                        {
                            //alert("nombre correcto");
                            document.getElementById("idReqNom").setAttribute("value", "");
                            return true;
                        }
                        else 
                        {
                            //alert(" falta nombre");
                            
                            document.getElementById("idReqNom").setAttribute("value", "*");
                            return false;
                        }
                    }

                    function validaPass(control) 
                    {
                        if (control.value != "")
                        {
                            //alert(" pass correcto");
                            document.getElementById("idReqPass").setAttribute("value", "");
                            return true;
                        }
                    else
                        {
                            //alert(" falta pass"); 
                            //control.constructor.apply
                            document.getElementById("idReqPass").setAttribute("value", "*");
                            return false;
                        }
                    }
                    function vaciaCaja(control) 
                    {
                        control.setAttribute("value", "");
                        control.setAttribute("class", "CajaEscrita");
                        return 0;
                    }
                    
                    function cambiaApass(caja) 
                    {
                        var nuevo = document.createElement("input");
                        nuevo.setAttribute("type", "password");
                        nuevo.setAttribute("name", caja.name);
                        nuevo.setAttribute("value", "");
                        document.formulario.replaceChild(nuevo, caja);
                        nuevo.focus();
                    }
                    
                </script>

                <table>
                    <tr>
                        <td>
                            <input id="idInputUser" runat="server" type="text" class="CajaBorrada" onclick="vaciaCaja(this)" onblur="if (validaNombre(this)){__doPostBack(this.id,this.text)}"  />
                        </td>
                        <td>
                            <a id="idReqNom"> </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input id="idInputPass" runat="server" type="password" class="CajaBorrada" value="contraseña" onclick="vaciaCaja(this)" onblur="if (validaPass(this)){__doPostBack(this.id,this.text)}"  />
                        </td>
                        <td>
                            <a id="idReqPass" > </a>
                        </td>
                    </tr>
                </table>
                <%
                    }
                %>
            </td>
            <td class="TDRotator" rowspan="3">
                <table style="width: 100%; border: solid  1px black;">
                    <tr>
                        <td class="TDRotator">
                            <%-- Contiene el rotator --%>
                            <asp:XmlDataSource ID="idXMLRotatorDataSource" runat="server" DataFile="~/RotatorCabecera.xml">
                                <Data></Data>
                            </asp:XmlDataSource>
                            <asp:AdRotator ID="idCarruselCabecera" CssClass="Rotator" runat="server" RotatorType="AutomaticAdvance"
                                AdvertisementFile="~/RotatorCabecera.xml" ScrollDirection="Down" ScrollDuration="500" />
                        </td>
                        <td class="TDCarrusel" rowspan="3">
                            <%-- Contiene el carrusel --%>

                            <script language="JavaScript" type="text/javascript">
                                var specifyimage = new Array() //Your images
                                specifyimage[0] = "../../App_Themes/Imagenes/Usadas/Meryland_1.png"
                                specifyimage[1] = "../../App_Themes/Imagenes/Usadas/Meryland_2.png"
                                specifyimage[2] = "../../App_Themes/Imagenes/Usadas/Meryland_3.png"
                                specifyimage[3] = "../../App_Themes/Imagenes/Usadas/Meryland_4.png"
                                specifyimage[4] = "../../App_Themes/Imagenes/Usadas/Meryland_5.png"
                                specifyimage[5] = "../../App_Themes/Imagenes/Usadas/Meryland_6.png"
                                specifyimage[6] = "../../App_Themes/Imagenes/Usadas/Meryland_7.png"
                                specifyimage[7] = "../../App_Themes/Imagenes/Usadas/Meryland_8.png"

                                var delay = 3000 //3 seconds

                                //Counter for array 
                                var count = 1;

                                var cubeimage = new Array();

                                for (i = 0; i < specifyimage.length; i++) {
                                    cubeimage[i] = new Image()
                                    cubeimage[i].src = specifyimage[i]
                                }

                                function movecube() {
                                    if (window.createPopup)
                                        cube.filters[0].apply()
                                    document.images.cube.src = cubeimage[count].src;
                                    if (window.createPopup)
                                        cube.filters[0].play()
                                    count++;
                                    if (count == cubeimage.length)
                                        count = 0;
                                    setTimeout("movecube()", delay)
                                }
                                //document.getElementById("idCarrusel").src= new Function("setTimeout('movecube()',delay)");
                                
                                //Mientras vuelve Estela
                                //window.onload = new Function("setTimeout('movecube()',delay)");
                               
                            </script>

                            <img src="" name="cube" alt="Carrusel" class="Carrusel" />
                        </td>
                    </tr>
                </table>
            </td>
            <td class="TDReloj" rowspan="2">
                <%
                    if (this.getEstado() == EstadoCabecera.ConSesion)
                    {
                %>
                <embed src="http://www.crearunaweb.net/complementos/reloj04.swf" type="application/x-shockwave-flash"
                    wmode="transparent" class="Reloj"><param name="wmode" value="transparent" />
	    </embed>
                <%
                    }
                %>
            </td>
        </tr>
        <tr>
            <td class="TDLabelIzq">
                <%
                    if (this.getEstado() != EstadoCabecera.NoSesion)
                    {
                %>
                <asp:Label ID="idNombreUsuario" runat="server" CssClass="LabelIzq" />
                <%
                    }
                %>
            </td>
        </tr>
        <tr>
            <td class="TDLabelIzq">
                <% 
                    if (this.getEstado() != EstadoCabecera.NoSesion)
                    {
                %>
                <asp:Button ID="idBotonIniciaSesion" runat="server" CssClass="BotonSinBorde" OnClick="SesionClick" />
                <%
                    }
                %>
            </td>
            <td class="TDLabelDer">
                <asp:Label runat="server" CssClass="LabelDer" Visible="true" ID="idLabelFecha" />
            </td>
        </tr>
    </table>
</div>

<script language="JavaScript" type="text/javascript">
function inicializa() {
{
alert("Inicializacion de componentes secundarios");
// Validador usuario
document.getElementById("idReqNom").setAttribute("class", "Validador");
document.getElementById("idReqNom").setAttribute("value", "");
// Validador password
document.getElementById("idReqPass").setAttribute("class", "Validador");
document.getElementById("idReqPass").setAttribute("value", "");
// Boton  
return 0;
}
window.onload = inicializa();
                    
</script>

<%
    }
%>
